var search=location.search;//获取任务栏中的数据
var name1=getCookie1('name');//获取cookie里面的数值
if(name1){//判断是否登录
    $('.login_int .text .icon').prop("style","display:none")//如果登录就显示获取道的名字
    $('.login_int .text .longin').html(name1)
}else{
    $('.login_int .text .icon').prop("style","display:black")//如果没有登录就显示登录
    $('.login_int .text .longin').html('登录')
}
//登录按键，如果登录了就跳转到购物车，如果还没登录就跳转到登录页
$(".logo").click(function(e){ 
    var tg = e.target;
    if(tg.className=="longin"){
        if(name1){
            var url=location.href;
            location ="./gwx.html?url2="+url;  
        }else{
            var url=location.href;
            location ="./logn.html?url2="+url;
        }
    }
})
//当直接打开购物车页面时，如果登录了就会显示该账号的商品
if(name1){
    show1();
    xuanze();
}else{
    //如果没登录会跳到登录页
    alert("你还未登录")
    //获取地址栏信息
    var url=location.href
    //跳转到登录页
    location ="./logn.html?url2="+url;
}
//渲染页面效果
function show1(){
    //获取缓存信息
    lists=localStorage.getItem(name1)||"[]";
    lists=eval('('+lists+')');
    if(lists.length>0){ //如果缓存有内容就做渲染
    var str=''
    lists.forEach(element => {
        var sum = element.rt_price*element.cart_number;//计算小计
        element.rt_position=element.rt_position||'';//由于数据获取问题有可能出现undefine，处理这个问题
        str+=`
            <ul id="${element.rt_id}">
                <li>
                    <input type="checkbox" name="xuan"  ${element.xuan_chack==1?"checked":''} data-id="${element.rt_id}">
                    <div class="gwc_pic">
                        <img src="${element.rt_img}" alt="">
                    </div>
                </li>
                <li>
                    <div class="gwc_name">
                        <a href="#" class="gwc_name_in"> ${element.rt_name}</a> 
                        <div class="time">${element.rt_show_time}</div>
                        <a href="#" class="show1_dz">${element.rt_position}</a>
                    </div>
                </li>
                <li>
                    ￥<span>${element.rt_price}</span>
                </li>
                <li>
                    <button>-</button><input type="text" value="${element.cart_number}"><button>+</button>
                </li>
                <li>
                    ￥<span>${sum.toFixed(2)}</span>
                </li>
                <li>
                    <p>删除</p>
                    <p>移入收藏</p>
                </li>
            </ul>
        `
        
    });
        $('.empty-body').html(str);
        xuanze();
    }
    else{   //如果没有内容则显示以下内容
        $('.empty-body').html(`
            <ul>
                <a href="first.html"><h2> 你的购物车空空如也，快去逛逛吧</h2></a>  
            </ul>
        `);
    }
}
$('.main').click(function(e){
    var tg=e.target;
    if(tg.innerHTML=="删除"){
        // 获取要删除对象的id值
      var tg_id = $(tg).parent().parent().prop('id') //获取当前对象ul的id
        lists=lists.filter(item=>{
            return item.rt_id!=tg_id
        })
         //把操作结果重新存放在localStorage中
        localStorage.setItem(name1,JSON.stringify(lists))
         //重新调用显示数据的函数
        show1();
        show_no();
    }
    if(tg.innerHTML=="清空购物车"){
        lists=[]
        //把操作结果重新存放在localStorage中
        localStorage.setItem(name1,JSON.stringify(lists))
        //重新调用显示数据的函数
        show1();
     }
     if(tg.innerHTML=="删除选中商品"){
        var $uls=$('.empty-body ul');
        $uls.each((i,item)=>{
             // 获取所有的选中框
            var $inp=$(item).find('[name=xuan]');
            //判断选中框是否被选中
            if($inp.prop('checked')){
                // 获取要删除对象的id值
                var tg_id = $inp.parent().parent().prop('id');
                lists=lists.filter(item=>{
                    return item.rt_id!=tg_id
                })
                 //把操作结果重新存放在localStorage中
                localStorage.setItem(name1,JSON.stringify(lists))
                //重新调用显示数据的函数
                show1();
            }
        })
        show_no();
     }
     if(tg.innerHTML=="+"){
         //获取点击对象的ul的id值
         var tg_id = $(tg).parent().parent().prop('id');
         lists.forEach(item=>{
             if(item.rt_id==tg_id){
                item.cart_number++;
             }
         })
           //把操作结果重新存放在localStorage中
         localStorage.setItem(name1,JSON.stringify(lists))
         //重新调用显示数据的函数
         show1()
     }

     if(tg.innerHTML=="-"){
         //获取点击对象的ul的id值
        var tg_id = $(tg).parent().parent().prop('id');
         lists.forEach(item=>{
             if(item.rt_id==tg_id){
                if(item.cart_number>1){
                    item.cart_number--;
                }
             }
         })
         //把操作结果重新存放在localStorage中
         localStorage.setItem(name1,JSON.stringify(lists))
         //重新调用显示数据的函数
         show1()
    }
    if(tg.name=="xuan"){
        xuanze();//全选判断
        var id=tg.getAttribute('data-id');//获取当前点击事件的id值
        lists.forEach(item=>{
            if(item.rt_id==id){
                if(tg.checked){
                    item.xuan_chack=1;
                }else{
                    item.xuan_chack=0;
                }
            }
        })
        //把操作结果重新存放在localStorage中
        localStorage.setItem(name1,JSON.stringify(lists))
        //重新调用显示数据的函数
        show1()
    }
    if(tg.name=="quan"){
        //全选的判断，给每一个选择框赋值
        if($('[name=quan]').prop('checked')){
            $('[name="xuan"]').prop('checked',true)
        }else{
            $('[name="xuan"]').prop('checked',false)
        }
        xuanze();
    }
    if(tg.className=="allout"){
        alert(`一共选中${totlt()[1]}件商品,一共${totlt()[0]}元`)
        var $uls=$('.empty-body ul');
        $uls.each((i,item)=>{
             // 获取所有的选中框
            var $inp=$(item).find('[name=xuan]');
            //判断选中框是否被选中
            if($inp.prop('checked')){
                // 获取要删除对象的id值
                var tg_id = $inp.parent().parent().prop('id');
                lists=lists.filter(item=>{
                    return item.rt_id!=tg_id
                })
                 //把操作结果重新存放在localStorage中
                localStorage.setItem(name1,JSON.stringify(lists))
                //重新调用显示数据的函数
                show1();
            }
        })
    }
    totlt();
  
})
function show_no(){//当购物车内容为空时触发的函数
    var $uls=$('.empty-body ul');0
    console.log(4545)
    if($uls.length==0){
        $('.empty-body').html(
            `<ul>
            <a href="first.html"><h2> 你的购物车空空如也，快去逛逛吧</h2></a>  
        </ul>`
        )
    }
}
function xuanze(){//判断选择框是否被全部选中函数
    var num=0;
    $('.empty-body ul').each((i,item)=>{
        var $inp=$(item).find('[name=xuan]');
        if($inp.prop('checked')){
            num++;
        }
        if(num==$('.empty-body ul').length){
            $('[name="quan"]').prop('checked',true);
        }
        else{
            $('[name="quan"]').prop('checked',false);
        }
    })
}
function totlt(){//合计函数
    var sum=0;
    var sum2=0;
    var $uls=$('.empty-body ul');
        $uls.each((i,item)=>{
            var $inp=$(item).find('[name=xuan]');
            if($inp.prop('checked')){
               sum+=parseInt( $inp.parent().next().next().next().next().find('span').html());
               sum2+=parseInt( $inp.parent().next().next().next().find('input').val())
            }
        })
    $('.zong ul:nth-of-type(2) li:nth-of-type(1)').find('span').html(sum2)  
    $('.zong ul:nth-of-type(2) li:nth-of-type(2)').find('span:nth-of-type(2)').html(sum.toFixed(2))
    return [sum,sum2];
}
//搜索框点击事件
$(".logo").click(function(e){
    var tg = e.target;
     if(tg.className=="search-buttom"){
        var txt1 = $(".input").val();
        if(txt1){
            location=`./show1.html?valu=${txt1}`
        }
    }
})


totlt();